<!DOCTYPE html>
<html  class="yui3-loading">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>有序</title>
<meta name="keywords" content="记事本,工作流,大脑风暴,会议记录,workflow,workflowy" />
<meta name="description" content="有序,让工作有条有序,实时记录你的灵感" />
<link rel="stylesheet" href="http://yui.yahooapis.com/3.5.0pr2/build/cssreset/cssreset.css" type="text/css">
<link rel="stylesheet" href="http://yui.yahooapis.com/3.5.0pr2/build/cssfonts/cssfonts.css" type="text/css">
<link rel="stylesheet" href="http://yui.yahooapis.com/3.5.0pr2/build/cssgrids/cssgrids.css" type="text/css">
<link rel="stylesheet" href="http://yui.yahooapis.com/3.5.0pr2/build/cssbase/cssbase.css" type="text/css">

<link rel="stylesheet" href="/wf/workflowy.css">
<script type="text/javascript" src="/aaayjcsxdl/js/uuid.js"></script>
<script src="http://yui.yahooapis.com/3.5.0pr2/build/yui/yui.js"></script>

<script type="text/javascript" src="/yuicombo?prefix=/wf/&wfmenu.js&wfintl.js&wfitemmenu.js&warnbox.js&wfwraper.js&wfdata.js&wfsync.js&wfutils.js&logindetect.js&wfmodel.js&projectliview.js&projectulview.js&projectpathview.js&wfhelppanel.js&wfsharepanel.js&wfaboutpanel.js&wffilter.js"></script>

<style type="text/css">

#addButton{
	padding-left: 5px;
}

#addButton>span:hover {
    cursor: pointer;
}
#addButton:hover > .plus {
    color: #333333;
}
#addButton > .plus{
    font-family: Arial;
    font-size: 24px;
    position: relative;
    top: 3px;
}

.bullet-td{
	font-family:Arial;
  	font-size:16px;
	width: 20px;
	color:gray;
	vertical-align: middle;
	cursor: pointer;
}
.bullet-td.has-children-closed{
	font-size: 21px;
}

.bullet-td.bullet-clicked{
	color: red;
}

.bullet-td.shared{
	color: blue;
}

.project-td,.note-td{
	text-align: left;
	min-width: 50px;
}

#project-container {
}

.project-ul{
	padding-left: 30px;
	font-size: 14px;
	line-height: 17px;
	list-style: none;
/*	padding: 0px;*/
	margin: 0px;
}

#project-container > .project-ul{
	padding-left: 5px;
}

.project-ul .project-td{
	font-size: 18px;
	line-height: 21px;
}

.project-item textarea{
	background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: inherit;
    display: block;
    font-family: inherit;
    font-size: inherit;
    height: 100%;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    outline: 0 none;
    overflow: hidden;
    padding: 0;
    position: relative;
    resize: none;
    width: 100%;
    word-wrap: break-word;
}

.note-td{
	padding-left: 10px;
	font-size: 14px;
	line-height:17px;
	color: gray;
}

.note-content{
	height: 17px;
	overflow: hidden;
}

.project-item table,#hd table{
	width: 100%;
	margin-bottom: 0px;
}

.project-item td, .project-item th ,#hd td,#hd th{
    border: 0;
    padding: 0;
    vertical-align: top;
    background: #fff; 
    text-align: left;
}

li.closed ul{
	display: none;
} 

.close-open-td a{
	display: none;
	font-size: 20px;
	text-decoration: none;
}

.project-tr-hover-on .close-open-td a{
	display: block;
}

</style>

<style type="text/css">
#project-app {
    margin: 1em;
    min-height: 500px;
}


#project-stats,
.project-clear { color: #777; }

.project-clear { float: right; }

.project-done .project-content {
    color: #666;
    text-decoration: line-through;
}

.project-content{
	word-wrap: break-word;
	min-width: 50px;
}

.project-content a{
	text-decoration: underline;
}

.project-edit,.note-edit,
.editing .project-content,
.editing .note-content { display: none; }

.editing .project-edit,.editing .note-edit { display: block; }

.emptynote .note-tr{
	display:none;
}

#doc {
    margin:auto; /* center in viewport */
    width: 970px; /* fix page width */
}

.content-box{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:0 0 5px #bfbfbf;
	-webkit-box-shadow:0 0 5px #bfbfbf;
	box-shadow:0 0 5px #bfbfbf;
	padding:1em;
	border:1px solid #dfdfdf;
}


#hd{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 25px;
  border-bottom: 1px dotted #CCCCCC;
}

#youxu-menu{
  	position: fixed;
  	top: 0;
  	left: 0;
	z-index: 100;
}

.intro {
    background: none repeat scroll 0 0 #F0F1F8;
    border: 1px solid #D4D8EB;
    border-radius: 3px 3px 3px 3px;
    padding: 0 1em;
}

#warn-box,#project-app{
	margin-top: 50px;
}

#warn-box{
	padding: 0;
	width: 600px;
	margin: 50px auto;
}

#warn-box table{
	margin-bottom: 0px;
}

#warn-box td{
	background: #F0F1F8;
}

.yui3-panel {
    outline: none;
}

.yui3-panel #help-panel {
    -webkit-box-shadow: 0px 0px 2px black;
    -moz-box-shadow: 0px 0px 2px black;
    box-shadow: 0px 0px 2px black;
}
.yui3-panel #help-panel .yui3-widget-hd {
    font-weight: bold;
    padding: 5px;
}

#help-panel .yui3-widget-bd {
    padding: 15px;
    background: white;
    /*
    text-align: center;
    */
}

.yui3-panel #about-panel {
    -webkit-box-shadow: 0px 0px 2px black;
    -moz-box-shadow: 0px 0px 2px black;
    box-shadow: 0px 0px 2px black;
}
.yui3-panel #about-panel .yui3-widget-hd {
    font-weight: bold;
    padding: 5px;
}

#about-panel .yui3-widget-bd {
    padding: 15px;
    background: white;
    /*
    text-align: center;
    */
}

.bb{
	font-weight: bolder;
}

.yui3-skin-sam .yui3-widget-mask {
    background-color: #223460;
    opacity: 0.9;
}

p.first-of-type {
	margin-top: .5em;
}

.yui3-loading #youxu-menu,.yui3-loading #youxu-panel,.yui3-loading #youxu-item-menu,.yui3-loading #help-panel{
	display: none;
}



#setting-menu-container{
	text-align: left;
}

#logo-title{
	color: #0066CC;
    text-decoration: none;
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
}

#close-msg{
	font-weight: bold;
	float: right;
}

#sync-indicator.notsync{
	color: red;
}

.li-table{
	width: 100%;
	table-layout: fixed;
}

#hd div{
	float:left;
}

.yui3-highlight{
	background: yellow;
}

#project-path{
	padding-left: 20px;
	font-size: 25px;
	margin-bottom: 1em;
}

#youxu-item-menu{
	position: absolute;
	top: 300px;
	left: 50px;
	z-index: 100; 
	border: 1px solid #dfdfdf;
}

.close-open-td{
	width: 20px;
	vertical-align: middle;
}

.close-open-td a{
	text-align: center;
}
a.close-open-a{
    font-family: Arial;
    font-size: 24px;
}

#msgbox{
  position: fixed;
  top: 26px;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 23px;
  text-align: center;
}

.copied-content{
	border: 1px dotted #CCCCCC;
}

.btn-right-margin{
	margin-right: 15px;
}

#myft{
	color: gray;
	font-size: 11px;
}
#undo-link,#redo-link{
 	color: #0066CC;
    text-decoration: none;
    font-weight: bolder;
}

/* Hide overlay markup while loading, if js is enabled */
.yui3-js-enabled .yui3-overlay-loading {
    top:-1000em;
    left:-1000em;
    position:absolute;
}

/* Overlay Look/Feel */
.yui3-overlay-content {
    background-color: #ECEFFB;  
    border: 1px solid #9EA8C6;
    border-radius: 3px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
}

.yui3-overlay-content .yui3-widget-hd {
    background-color: #B6BFDA;  
    color: #30418C;
    font-size: 120%;
    font-weight: bold;
    padding: 0.2em 0.5em 0.3em;
    border-radius: 2px 2px 0 0;
}

.yui3-overlay-content .yui3-widget-bd {
    padding: 0.4em 0.6em 0.5em;
}

.yui3-overlay-content .yui3-widget-ft {
    background-color:#DFE3F5;
    padding: 0.4em 0.6em 0.5em;
    border-radius: 0 0 2px 2px;
}

#hd-div-container div{
	float: left;
}

</style>
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-29148350-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
</head>
<body  class="yui3-skin-sam">
<div id="doc">
	<div id="hd">
		<div style="padding-left: 150px;" id="hd-div-container">
			<div style="width: 150px;">
					<div style="float: left;">
					<input type="search" class="search-input" name="q" aria-label="查找" placeholder="查找" style="width:120px;"/>
					</div>
					<div style="float: left;">
					<span id="clear-search" style="cursor: pointer;" title="清除搜索">x</span>
					</div>
			</div>
			<div style="margin-left: 50px;width: 200px;">
				<div>
					<a style="display: none;" id="sync-indicator" href="#" title="点击或者按Ctrl+s立即同步"></a>
				</div>
				<div>
					<img src="/images/icons/16/icon_warn.png" style="display: none;cursor: pointer;" id = "collide-warn"/>
				</div>
				<div style="width: 20px;">
					<img src="/images/icons/16/connect.png" style="display: none;" id="indicator-img" title="您刚刚修改的内容尚未保存，但是服务器方面传来新的更改，所以本次修改被废弃了。"/>
				</div>
				<div style="float: right;">
					<a href="#" id="undo-link" title="undo Ctrl + z"><<</a> | <a href="#" id="redo-link" title="redo Ctrl + Shift + z">>></a>
				</div>
			</div>
		<!-- 
		<div style="left: 800px;">
			<div id="ckepop" style="float: right;">
				<a href="http://www.jiathis.com/share" class="jiathis jiathis_txt" target="_blank"><img src="http://v2.jiathis.com/code_mini/images/btn/v1/jiathis1.gif" border="0" /></a>
				<a class="jiathis_counter_style_margin:3px 0 0 2px"></a>
			</div>
		</div>
 		-->
		</div>
		
		 		<div style="float: right;">
		    <form id="switchlang">
		        <fieldset>
		                <select id="lang_select" style="width: 95px;"></select>
       			</fieldset>
    		</form>
		</div>

	</div>
	<div style="clear: both;"></div>
	<div class="intro" id="msgbox" style="display: none;">
		
	</div>
	<div style="clear: both;"></div>
	<div class="intro" id="warn-box" style="display: none;">
		<table>
			<tr>
				<td><a href="#" id="close-msg">X</a></td>
			</tr>
			<tr>
				<td><div id="warn-box-content"></div></td>
			</tr>
		</table>
		
		
	</div>
	<!-- This is the main container and "shell" for the project app. -->
	<div id="project-app" class="content-box">
		<div id="project-path"></div>
	    <div id="project-container"></div>
	    <div id="addButton">
			<span class="plus">+</span>
			<span class="text">新建条目</span>
		</div>
	</div>

    <div id="myft"><footer>
        <p class="copyright">&copy; 2012 奉化市诗篇网络科技有限公司.</p>
    </footer></div>
</div>
<!-- This template HTML will be used to render each project item. -->
<script type="text/x-template" id="project-item-template">
    		    <table id="table--{projectId}" class="li-table">
	    			<tr class="project-tr" id="project-tr--{projectId}">
						<td class="close-open-td" id="close-open-td--{projectId}"><a href="#" class="close-open-a" id="close-open-a--{projectId}">-</a></td>
	    				<td class="bullet-td" id="bullet-td--{projectId}">●</td>
	    				<td class="project-td" id="project-td--{projectId}">
	    					<div class="project-content" id="project-content--{projectId}">{escape_title}</div>
	    			    	<div class="project-edit" id="project-edit--{projectId}">
	        					<textarea class="project-textarea" id="project-textarea--{projectId}" rows="1">{title}</textarea>
	    					</div>
	    				</td>
						
	    			</tr>
		    		<tr class="note-tr" id="note-tr--{projectId}">
						<td></td>
    					<td></td>
    					<td class="note-td" id="note-td--{projectId}">
    						<div class="note-content" id="note-content--{projectId}">{escape_note}</div>
    			    		<div class="note-edit" id="note-edit--{projectId}">
        						<textarea class="note-textarea" id ="note-textarea--{projectId}" rows="1">{note}</textarea>
    						</div>
	    				</td>
						
		    		</tr>
    			</table>
</script>

<div id="about-panel" class="youxu-panel">
    <div class="yui3-widget-hd">
        	关于有序
    </div>
    <div class="yui3-widget-bd">
        <p>有序，有效地整理大脑的思维，简单的列表，不同的缩进，让事情变得有序。</p>
        <p>你可以把它当作记事本，是会议记录的最佳工具</p>
        <p>特点：</p>
        <ul>
        	<li>方便的键盘操作</li>
        	<li>自动同步，随时可用</li>
        </ul>
        <p>联系：jianglibo@gmail.com</p>
    </div>
</div>


<div id="help-panel"  class="youxu-panel">
    <div class="yui3-widget-hd">
        	有序帮助
    </div>
    <div class="yui3-widget-bd">
        <ul>
        	<li><span class="bb">回车</span>：新建条目，前提是当前焦点在某个条目标题中</li>
        	<li><span class="bb">Ctrl + 回车</span>：进入条目的内容编辑</li>
        	<li><span class="bb">上下箭头</span>：在条目标题之间切换焦点</li>
        	<li><span class="bb">右箭头</span>：如果光标处于条目的最后时，向右进入条目的内容</li>
        	<li><span class="bb">左箭头</span>：如果光标处于条目的前时，进入上一个条目标题</li>
        	<li><span class="bb">Tab键</span>：缩进条目标题</li>
        	<li><span class="bb">Shift + Tab键</span>：回退条目标题</li>
        </ul>
       
    </div>
</div>

<div id="share-panel"  class="youxu-panel">
    <div class="yui3-widget-hd">
        	共享项目
    </div>
    <div class="yui3-widget-bd">
		<p>将下面的链接发送给别人即可：</p>
		<input type="text" id ="shared-link" style="width: 100%;"/>
		<p></p>
		<button class='share-item-radio'  id="public-share-radio">只读</button>
		<button class='share-item-radio' id="public-editable-share-radio">可编辑</button>
		<button class='share-item-radio' id="none-share-radio">不共享</button>
    </div>
</div>


<div id="first-loading-panel"  class="youxu-panel">
    <div class="yui3-widget-hd">
    	正在更新视图,请稍候......
    </div>
</div>

<div id="share-mode-overlay" class="yui3-overlay-loading">
    <div class="yui3-widget-bd">此刻是共享模式，您可以创建自己的全功能的--><a href="/workflow.html">有序</a></div>
</div>

					<div id="youxu-menu" class="yui3-menu yui3-menu-horizontal yui3-splitbuttonnav">
				        <div class="yui3-menu-content">
				            <ul class="first-of-type">
				                <li>
				                    <span class="yui3-menu-label">
				                        <a href="#menu-options">有 序</a>
				                        <a href="#menu-options" class="yui3-menu-toggle">选项</a>
				                    </span>
				                    <div id="menu-options" class="yui3-menu">
				                        <div class="yui3-menu-content">
				                            <ul>
				                                <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="#"  id="menu-item-help">帮助</a></li>
				                            </ul>
											
				                            <ul id="login-out-ul">
				                                <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="#"></a></li>
				                                <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="#"></a></li>
				                            </ul>
				                            
   				                            <ul>
				                                <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="#" id="menu-item-about">关于有序</a></li>
				                            </ul>
				                        </div>
				                    </div>
				                </li>
				            </ul>
				        </div>
			    	</div>
			    	
			    	
			 
			 <div id="youxu-item-menu" class="yui3-menu yui3-menu-horizontal">
                <div class="yui3-menu-content">
                    <ul class="first-of-type">
                        <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="#" id="item-menu-item-entry-item">进入节点</a></li>
                        <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="#" id="item-menu-item-cut">剪切</a></li>
                        <li>
                            <a class="yui3-menu-label" href="#item-menu-item-paste">粘贴</a>
                            <div id="item-menu-item-paste" class="yui3-menu">
                                <div class="yui3-menu-content">
                                    <ul>
                                        <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="#" id="item-menu-item-paste-above">上面</a></li>
                                        <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="#" id="item-menu-item-paste-bellow">下面</a></li>
                                   </ul>    
                                </div>
                            </div>
                        </li>
                        <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="#" id="item-menu-item-share" title="共享项目">共享</a></li>
                        <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="#" id="item-menu-item-close" title="关闭">X</a></li>
                    </ul>            
                </div>
            </div>
			    	
<script type="text/javascript" src="/wf/workflowy.js"></script>
<script type="text/javascript"> 
var jiathis_config = { 
	url: "http://www.uxu123.com", 
	title: "有序--大脑整理工具", 
	summary:"有序，通过列表的不同缩进，理顺你的思路，是会议记录的最佳工具！" 
} 
</script> 
<script type="text/javascript" src="http://v2.jiathis.com/code_mini/jia.js" charset="utf-8"></script>
<!-- 
<g:plusone size="small"></g:plusone>
<script type="text/javascript">
  window.___gcfg = {lang: 'zh-CN'};
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
  </script>
-->

<div id='loading-mask'></div>
</body>
</html>